<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>云智库</title>
		<link rel="stylesheet" href="../css/H-ui.reset.css" />
		<link rel="stylesheet" href="../css/java.css" />
     </style>
	</head>
	<body>
		<!--头部-->
		<div class="toubu">
			<div class="gong clearfix">
				<div class="logo ">
					<img src="../images/logo.png"/>
				</div>
				<div class="fr-li">
					<ul class="clearfix">
						<li><a href="quanbu.html">视频教程</a></li>
					    <li><a href="jishu.html">技术文章</a></li>
					    <li><a href="Technical.html">社区问答</a></li>
				    	<li><a href=" Techl.html">关于我们</a></li>
					</ul>
				</div>
				<div class="clearfix fr ft">
				<div class="search fl">
					<div class="sea_txt">
						<input type="text" placeholder="搜索您需要的资料" id="search">
						<a href="#" class="sear"><i class="icon-search"></i> 搜索</a>
					</div>
			     </div>
			     <div class="typeShowUser">
					<a href="javascript:delogo();" class="loginName">请登录</a>
					<a href="javascript:deReg();" class="loginNames">免费注册</a>
				</div>
				</div>
			</div>
		</div>
		<!--主题内容-->
		<div class="box">
			<div class="box-to clearfix">
				<div class="box-list fl">
				<ul class="box-ul">
					<li>
						<a href="#">编程语言</a>
						
					</li>
					<li><a href="#">人工智能数据</a></li>
				    <li><a href="#">前端开发</a></li>
					<li><a href="#">后端开发</a></li>
					<li><a href="#">移动开发</a></li>
				</ul>
			</div>
			<div class="boxs fr">
				<img src="../images/java--banner.png" />
			</div>
			</div>
			<div class="pyon">
				<div class="combat">
					<h3>实战课程</h3>
				</div>
				<div class="national">
					<ul class="clearfix">
						<li>
							<a href="#"><img src="../images/py.jpg"></a>
							<p><a href="#">Python全网最热Python3入门+进阶 更快上手实际开发</a></p>
						</li>
						<li>
							<a href="#"><img src="../images/py.jpg"></a>
							<p><a href="#">Python全网最热Python3入门+进阶 更快上手实际开发</a></p>
						</li>
						<li>
							<a href="#"><img src="../images/py.jpg"></a>
							<p><a href="#">Python全网最热Python3入门+进阶 更快上手实际开发</a></p>
						</li>
						<li>
							<a href="#"><img src="../images/py.jpg"></a>
							<p><a href="#">Python全网最热Python3入门+进阶 更快上手实际开发</a></p>
						</li>
						<li>
							<a href="#"><img src="../images/py.jpg"></a>
							<p><a href="#">Python全网最热Python3入门+进阶 更快上手实际开发</a></p>
						</li>
						<li>
							<a href="#"><img src="../images/py.jpg"></a>
							<p><a href="#">Python全网最热Python3入门+进阶 更快上手实际开发</a></p>
						</li>
						<li>
							<a href="#"><img src="../images/py.jpg"></a>
							<p><a href="#">Python全网最热Python3入门+进阶 更快上手实际开发</a></p>
						</li>
						<li>
							<a href="#"><img src="../images/py.jpg"></a>
							<p><a href="#">Python全网最热Python3入门+进阶 更快上手实际开发</a></p>
						</li>
						<li>
							<a href="#"><img src="../images/py.jpg"></a>
							<p><a href="#">Python全网最热Python3入门+进阶 更快上手实际开发</a></p>
						</li>
						<li>
							<a href="#"><img src="../images/py.jpg"></a>
							<p><a href="#">Python全网最热Python3入门+进阶 更快上手实际开发</a></p>
						</li>
					</ul>
				</div>
			</div>
			<div class="articles clearfix">
				<div class="Technical fl">
					<div class="Design">
					  <h2>
					  	<span class="fl softwares">技术文章</span>
					  	<a href="#" class="fr software">更多
					  	</a>  
					  </h2>
					</div>
					<div class="artifact">
						<ul>
							<li class="clearfix">
							  <div class="div1 fl">
							  	<a href="#"><img src="../images/yd.png"/></a>
							  </div>
								<div class="save fr">
									<a href="#">一键帮你节省 69% 的设计时间：10个有毒的设计神器</a>
									<p><a href="#">这篇文章一口气为大家带来10个有毒的设计神器 ，毒性有多强？包你上瘾！以下神器都是在线工具，无需下载。由于担心大家过目就忘，本人亲身试毒，制作了超多案例，希望能给大家一。</a></p>
									<h2>
										<span class="fl">发表者：3年2班程远</span>
										<span class="fr f2">2018-4-23</span>
									</h2>
								</div>
							</li>
							<li class="clearfix">
							  <div class="div1 fl">
							  	<a href="#"><img src="../images/yd.png"/></a>
							  </div>
								<div class="save fr">
									<a href="#">一键帮你节省 69% 的设计时间：10个有毒的设计神器</a>
									<p><a href="#">这篇文章一口气为大家带来10个有毒的设计神器 ，毒性有多强？包你上瘾！以下神器都是在线工具，无需下载。由于担心大家过目就忘，本人亲身试毒，制作了超多案例，希望能给大家一。</a></p>
									<h2>
										<span class="fl">发表者：3年2班程远</span>
										<span class="fr f2">2018-4-23</span>
									</h2>
								</div>
							</li>
							<li class="clearfix">
							  <div class="div1 fl">
							  	<a href="#"><img src="../images/yd.png"/></a>
							  </div>
								<div class="save fr">
									<a href="#">一键帮你节省 69% 的设计时间：10个有毒的设计神器</a>
									<p><a href="#">这篇文章一口气为大家带来10个有毒的设计神器 ，毒性有多强？包你上瘾！以下神器都是在线工具，无需下载。由于担心大家过目就忘，本人亲身试毒，制作了超多案例，希望能给大家一。</a></p>
									<h2>
										<span class="fl">发表者：3年2班程远</span>
										<span class="fr f2">2018-4-23</span>
									</h2>
								</div>
							</li>
							<li class="clearfix">
							  <div class="div1 fl">
							  	<a href="#"><img src="../images/yd.png"/></a>
							  </div>
								<div class="save fr">
									<a href="#">一键帮你节省 69% 的设计时间：10个有毒的设计神器</a>
									<p><a href="#">这篇文章一口气为大家带来10个有毒的设计神器 ，毒性有多强？包你上瘾！以下神器都是在线工具，无需下载。由于担心大家过目就忘，本人亲身试毒，制作了超多案例，希望能给大家一。</a></p>
									<h2>
										<span class="fl">发表者：3年2班程远</span>
										<span class="fr f2">2018-4-23</span>
									</h2>
								</div>
							</li>
							
						</ul>
					</div>
				</div>
				<div class="source fr">
					<div class="center">
						<div class="puzhu">
						  <h2>
						  	<span class="fl softwa">辅助工具</span>
						  	<a href="#" class="fr sof">更多</a>  
					     </h2>
						</div>
					 <div class="xmind">
							<ul>
								<li>
									<a href="#">xmind-7.5 for Mac</a>
									<span>4-23</span>
								</li>
								<li>
									<a href="#">xmind-7.5 for Mac</a>
									<span>4-23</span>
								</li>
								<li>
									<a href="#">xmind-7.5 for Mac</a>
									<span>4-23</span>
								</li>
							 <li>
									<a href="#">xmind-7.5 for Mac</a>
									<span>4-23</span>
								</li>
								<li>
									<a href="#">xmind-7.5 for Mac</a>
									<span>4-23</span>
								</li>
								<li>
									<a href="#">xmind-7.5 for Mac</a>
									<span>4-23</span>
								</li>
								<li>
									<a href="#">xmind-7.5 for Mac</a>
									<span>4-23</span>
								</li>
								<li>
									<a href="#">xmind-7.5 for Mac</a>
									<span>4-23</span>
								</li>
							</ul>
						</div>
					</div>
					<div class="center cente">
						<div class="puzhu">
						  <h2>
						  	<span class="fl">网站源码</span>
						  	<a href="#" class="fr sof">更多</a>  
					     </h2>
						</div>
					 <div class="xmind xminds">
							<ul>
								<li>
									<a href="#">xmind-7.5 for Mac</a>
									<span>4-23</span>
								</li>
								<li>
									<a href="#">xmind-7.5 for Mac</a>
									<span>4-23</span>
								</li>
								<li>
									<a href="#">xmind-7.5 for Mac</a>
									<span>4-23</span>
								</li>
							 <li>
									<a href="#">xmind-7.5 for Mac</a>
									<span>4-23</span>
								</li>
								<li>
									<a href="#">xmind-7.5 for Mac</a>
									<span>4-23</span>
								</li>
								<li>
									<a href="#">xmind-7.5 for Mac</a>
									<span>4-23</span>
								</li>
								<li>
									<a href="#">xmind-7.5 for Mac</a>
									<span>4-23</span>
								</li>
								<li>
									<a href="#">xmind-7.5 for Mac</a>
									<span>4-23</span>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!--社区问答-->
			<div class="community clearfix">
				<div class="answer fl">
					<div class="Question ">
						<h2>
							<span class="fl">社区问答</span>
							<a href="#" class="fr moon">更多</a>
						</h2>
					</div>
					<div class="When">
						<ul>
							<li>
								<a href="#">#【内推第2波】#</a>
								<p class="ps">打工奋斗7万落京户VS自主创业牧马城市，如何抉择？</p>
								<p class="pd">毕业求职？跳槽加薪？纠结滋润加班还是苦练x年自主创业？速速提问互撩，你在撩的极有可能就是你的Boss！激不激动？惊不惊喜？Offer已在这里！你的简历在哪里？Scott老师邮箱wolf18387@qq.comJeson老师邮箱：jeson@imoocc.com</p>
								<h2 class="clearfix">
									<img src="../images/java.jpg">
									<span class="ptn">大人莉莉娅</span>
									<span class="fr pta">4-23</span>
								</h2>
							</li>
							<li>
								<a href="#">#【内推第2波】#</a>
								<p class="ps">打工奋斗7万落京户VS自主创业牧马城市，如何抉择？</p>
								<p class="pd">毕业求职？跳槽加薪？纠结滋润加班还是苦练x年自主创业？速速提问互撩，你在撩的极有可能就是你的Boss！激不激动？惊不惊喜？Offer已在这里！你的简历在哪里？Scott老师邮箱wolf18387@qq.comJeson老师邮箱：jeson@imoocc.com</p>
								<h2 class="clearfix">
									<img src="../images/java.jpg">
									<span class="ptn">大人莉莉娅</span>
									<span class="fr pta">4-23</span>
								</h2>
							</li>
							<li class="li-bo">
								<a href="#">#【内推第2波】#</a>
								<p class="ps">打工奋斗7万落京户VS自主创业牧马城市，如何抉择？</p>
								<p class="pd">毕业求职？跳槽加薪？纠结滋润加班还是苦练x年自主创业？速速提问互撩，你在撩的极有可能就是你的Boss！激不激动？惊不惊喜？Offer已在这里！你的简历在哪里？Scott老师邮箱wolf18387@qq.comJeson老师邮箱：jeson@imoocc.com</p>
								<h2 class="clearfix">
									<img src="../images/java.jpg">
									<span class="ptn">大人莉莉娅</span>
									<span class="fr pta">4-23</span>
								</h2>
							</li>
						</ul>
					</div>
				</div>
				<div class="whens fl">
					<div class="problems">
						<h2>
							<span>原生手册</span>
							<a href="#">更多</a>
						</h2>
						<div class="dynasty">
							<ul>
								<li>
									<a href="#">SublimeText3 Win新版</a>
									<span>4-23</span>
								</li>
								<li>
									<a href="#">SublimeText3 Win新版</a>
									<span>4-23</span>
								</li>
								<li>
									<a href="#">SublimeText3 Win新版</a>
									<span>4-23</span>
								</li>
								<li>
									<a href="#">SublimeText3 Win新版</a>
									<span>4-23</span>
								</li>
								<li>
									<a href="#">SublimeText3 Win新版</a>
									<span>4-23</span>
								</li>
								<li>
									<a href="#">SublimeText3 Win新版</a>
									<span>4-23</span>
								</li>
								<li>
									<a href="#">SublimeText3 Win新版</a>
									<span>4-23</span>
								</li>
								<li>
									<a href="#">SublimeText3 Win新版</a>
									<span>4-23</span>
								</li>
							</ul>
						</div>
					</div>
					<div class="problems problem">
						<h2>
							<span>常见问题</span>
							<a href="#">更多</a>
						</h2>
						<div class="programming">
							<ul>
								<li>
									<a href="#">T楼送书活动又开始 啦！！！回帖编程书籍拿回家！（已结束）</a>
									<p>什么是双向数据绑定 双向数据绑定简单来说就是UI视图（View）与数据（Model）相互绑定在一起，当数据改变之后相应的UI视图也同步改变。反之，当UI视</p>
								</li>
								
								<li>
									<a href="#">T楼送书活动又开始 啦！！！回帖编程书籍拿回家！（已结束）</a>
									<p>什么是双向数据绑定 双向数据绑定简单来说就是UI视图（View）与数据（Model）相互绑定在一起，当数据改变之后相应的UI视图也同步改变。反之，当UI视</p>
								</li>
							  <li class="boder">
									<a href="#">T楼送书活动又开始 啦！！！回帖编程书籍拿回家！（已结束）</a>
									<p>什么是双向数据绑定 双向数据绑定简单来说就是UI视图（View）与数据（Model）相互绑定在一起，当数据改变之后相应的UI视图也同步改变。反之，当UI视</p>
								</li>
								
							</ul>
						</div>
					</div>
				</div>
				<div class="fr communit">
					<div class="friends">
						<div class="Questions">
						<h2>
							<span class="fl">热门话题</span>
							<a href="#" class="fr moon">更多</a>
						</h2>
						<div class="element">
							<ul>
								<li>
								 <span>1</span>
								 <a href="#">为什么我的代码永远是提交未成功？</a>
								</li>
								<li>
								 <span>2</span>
								 <a href="#">为什么我的代码永远是提交未成功？</a>
								</li>
								<li>
								 <span>3</span>
								 <a href="#">为什么我的代码永远是提交未成功？</a>
								</li>
								<li>
								 <span>4</span>
								 <a href="#">为什么我的代码永远是提交未成功？</a>
								</li>
								<li>
								 <span>5</span>
								 <a href="#">为什么我的代码永远是提交未成功？</a>
								</li>
								<li>
								 <span>6</span>
								 <a href="#">为什么我的代码永远是提交未成功？</a>
								</li>
								<li>
								 <span>7</span>
								 <a href="#">为什么我的代码永远是提交未成功？</a>
								</li>
								<li>
								 <span>8</span>
								 <a href="#">为什么我的代码永远是提交未成功？</a>
								</li>
								<li>
								 <span>9</span>
								 <a href="#">为什么我的代码永远是提交未成功？</a>
								</li>
								<li>
								 <span>10</span>
								 <a href="#">为什么我的代码永远是提交未成功？</a>
								</li>
							</ul>
						</div>
					</div>
					
					</div>
					<div class="friends friend">
					   <h2>
					      <span class="fl">最新java特效</span>
							<a href="#" class="fr moon">更多</a>
					   </h2>
					   <div class="a4-23">
					     <ul>
					       <li>
					          <a href="#">xmind-7.5 for Mac</a>
					          <span class="fr">4-23</span>
					       </li>
					       <li>
					          <a href="#">xmind-7.5 for Mac</a>
					          <span class="fr">4-23</span>
					       </li>
					       <li>
					          <a href="#">xmind-7.5 for Mac</a>
					          <span class="fr">4-23</span>
					       </li>
					       <li>
					          <a href="#">xmind-7.5 for Mac</a>
					          <span class="fr">4-23</span>
					       </li>
					       <li>
					          <a href="#">xmind-7.5 for Mac</a>
					          <span class="fr">4-23</span>
					       </li>
					       <li>
					          <a href="#">xmind-7.5 for Mac</a>
					          <span class="fr">4-23</span>
					       </li>
					       <li>
					          <a href="#">xmind-7.5 for Mac</a>
					          <span class="fr">4-23</span>
					       </li>
					       <li>
					          <a href="#">xmind-7.5 for Mac</a>
					          <span class="fr">4-23</span>
					       </li>
					       <li>
					          <a href="#">xmind-7.5 for Mac</a>
					          <span class="fr">4-23</span>
					       </li>
					       <li>
					          <a href="#">xmind-7.5 for Mac</a>
					          <span class="fr">4-23</span>
					       </li>
					       <li>
					          <a href="#">xmind-7.5 for Mac</a>
					          <span class="fr">4-23</span>
					       </li>
					       <li>
					          <a href="#">xmind-7.5 for Mac</a>
					          <span class="fr">4-23</span>
					       </li>
					     </ul>
					   </div>
					</div>
				</div>
			</div>
		</div>
		<footer id="footer">
		   <div class="foot clearfix">
		    <div class="clearfix">
		       <ul>
		       <li><a href="#">网站首页</a></li>
		       <li><a href="#">视频教程</a></li>
		       <li><a href="#">技术文章</a></li>
		       <li><a href="#">辅助工具</a></li>
		       <li><a href="#">社区问答</a></li>
		       <li><a href="#">网站源码</a></li>
		       <li><a href="#">关于我们</a></li>
		       <li><a href="#">联系我们</a></li>
		     </ul>
		    </div>
		    <div class="img">
		       <ul>
		          <li><img src="../images/011.jpg"></li>
		          <li><img src="../images/011.jpg"></li>
		          <li><img src="../images/011.jpg"></li>
		          <li><img src="../images/011.jpg"></li>
		       </ul>
		   
		    </div>
		    <div class="imgs"> <p>网站备案号（蜀ICP备16022888号-3）</p>
		      <img src="../images/java-3_03.jpg" /></div>
		   </div>
		</footer>
	</body>
</html>
